<template>
    <view>
        <view class="page" :style="'--color:' + color + ';--rgbcolor:' + rgbcolor">
            <view class="list">
                <view class="li" v-for="(item, index) in LIST" :key="index">
                    <view @tap="makeFn" class="a" :data-color="item.color" :data-id="item.id" :data-url="item.url">
                        <image mode="widthFix" :src="item.url"></image>
                    </view>
                </view>
            </view>
        </view>
        <card @initData="handleClose" :content="content" :isCanDraw="isCanDraw"></card>
    </view>
</template>
<script module="WXS" lang="wxs" src="@/res/www.a9a.cn.wxs"></script>
<script>
import card from '../../components/card/index.vue';
var t;
var r = require('../../res/www.a9a.cn.js');
var app = getApp();
export default {
    components: {
        card
    },
    data() {
        return {
            uid: 0,
            isCanDraw: false,
            color: '',
            rgbcolor: '',
            Ustr: '',
            LIST: '',
            card11: '',
            U: '',
            cook_tg_id: '',
            Urzimg: '',
            Uphoto_m_url: '',
            Uphoto_b_url: '',
            Uphoto_b_url_W: '',
            Uphoto_b_url_H: '',
            content: '',
            qrcode_image: ''
        };
    },
    onLoad: function (p) {
        uni.showLoading({
            title: '玩命加载中...',
            mask: true
        });
        var that = this;
        app.globalData.get_config('_ZEAI').then(function (i) {
            var o;
            var l;
            that.setData({
                color: i.color,
                rgbcolor: r.c16_rgb(i.color),
                uid: p.uid
            });
            uni.setNavigationBarColor({
                backgroundColor: i.color,
                frontColor: '#ffffff'
            });
            uni.setBackgroundColor({
                backgroundColor: i.color,
                backgroundColorTop: i.color,
                backgroundColorBottom: i.color
            });
            r.ifint(that.uid) ||
                uni.showModal({
                    content: '会员跑路了',
                    confirmColor: that.color,
                    confirmText: '朕知道了',
                    showCancel: false,
                    success: function (t) {
                        uni.navigateBack();
                    }
                });
            app.globalData.get_openid().then(function (t) {});
            t = uni.getStorageSync('COOK_U');
            if (r.ifint(p.tguid) || r.ifint(p.admid)) {
                o = r.ifint(p.tguid) ? p.tguid : 0;
                l = r.ifint(p.admid) ? p.admid : 0;
            }
            app.globalData.ajax({
                url: 'tg.php',
                data: {
                    submitok: 'XQK_card_uinfo',
                    uid: that.uid,
                    openid: t.openid,
                    tguid: o,
                    admid: l
                },
                success: function (t) {
                    if (1 == t.flag) {
                        var e = t.U;
                        var p = Array();
                        for (var i in e) {
                            r.empty(e[i].c2) || 'uid' == i || 'nickname' == i || p.push(e[i].c2);
                        }
                        var o = p.join('　');
                        that.setData({
                            Ustr: o,
                            LIST: t.LIST,
                            card11: t.card11,
                            U: t.U,
                            cook_tg_id: t.cook_tg_id
                        });
                        r.empty(e.rzimg) ||
                            uni.getImageInfo({
                                src: e.rzimg,
                                success: function (t) {
                                    that.setData({
                                        Urzimg: t.path
                                    });
                                }
                            });
                        uni.getImageInfo({
                            src: e.photo_m_url,
                            success: function (t) {
                                that.setData({
                                    Uphoto_m_url: t.path
                                });
                            }
                        });
                        uni.getImageInfo({
                            src: e.photo_b_url,
                            success: function (t) {
                                that.setData({
                                    Uphoto_b_url: t.path,
                                    Uphoto_b_url_W: t.width,
                                    Uphoto_b_url_H: t.height
                                });
                            }
                        });
                        that.qrcode_imageFun();
                    } else {
                        t.this = that;
                        t.url = 'no';
                        r.sorry(t);
                    }
                    uni.hideLoading();
                }
            });
        });
    },
    methods: {
        handleClose: function () {
            this.setData({
                isCanDraw: !this.isCanDraw
            });
        },

        makeFn: function (t) {
            var r;
            var e = t.currentTarget.dataset.id;
            var p = t.currentTarget.dataset.url;
            var x = (t.currentTarget.dataset.color, this.qrcode_image);
            p = p.replace('_s', '');
            e || (p = p.replace('jpg', 'png'));
            var i = this.U;
            var o = this.Ustr;
            var l =
                i.sex.t +
                '：' +
                i.sex.c +
                '\n' +
                i.birthday.t +
                '：' +
                i.birthday.c +
                '\n' +
                i.heigh.t +
                '：' +
                i.heigh.c +
                '\n' +
                i.edu.t +
                '：' +
                i.edu.c +
                '\n' +
                i.pay.t +
                '：' +
                i.pay.c +
                '\n' +
                i.job.t +
                '：' +
                i.job.c +
                '\n' +
                i.areaid.t +
                '：' +
                i.areaid.c +
                '\n' +
                i.house.t +
                '：' +
                i.house.c +
                '\n';
            switch (parseInt(e)) {
                case 25:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                top: '230rpx',
                                right: '172rpx',
                                width: '670rpx',
                                height: '670rpx',
                                borderRadius: '346rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.nickname.c,
                            css: {
                                padding: '40rpx 0',
                                lineHeight: '82rpx',
                                width: '670rpx',
                                height: '200rpx',
                                top: '944rpx',
                                fontSize: '72rpx',
                                left: '670rpx',
                                textAlign: 'center',
                                color: '#000',
                                fontWeight: 'bold'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx',
                                width: '560rpx',
                                top: '1095rpx',
                                fontSize: '56rpx',
                                left: '725rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#9D5AFF'
                            }
                        },
                        {
                            type: 'text',
                            text: l,
                            css: {
                                width: '555rpx',
                                top: '424rpx',
                                fontSize: '56rpx',
                                left: '175rpx',
                                align: 'left',
                                color: '#000',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1160rpx',
                                top: '1448rpx',
                                left: '175rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '218rpx',
                                right: '228rpx',
                                width: '360rpx',
                                height: '360rpx',
                                borderRadius: '30rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '1175rpx',
                                right: '150rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 23:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                width: '630rpx',
                                height: '630rpx',
                                top: '100rpx',
                                left: '130rpx',
                                borderRadius: '330rpx',
                                borderWidth: '18rpx',
                                borderColor: '#7C69E1'
                            }
                        },
                        {
                            type: 'text',
                            text: i.nickname.c,
                            css: {
                                padding: '40rpx 0',
                                lineHeight: '82rpx',
                                width: '670rpx',
                                height: '200rpx',
                                top: '234rpx',
                                fontSize: '80rpx',
                                right: '100rpx',
                                textAlign: 'right',
                                color: '#fff',
                                fontWeight: 'bold'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx',
                                width: '560rpx',
                                top: '430rpx',
                                fontSize: '56rpx',
                                right: '100rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#685CDC'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1100rpx',
                                top: '1054rpx',
                                fontSize: '56rpx',
                                left: '215rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#000',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1100rpx',
                                top: '1548rpx',
                                left: '215rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '90rpx',
                                right: '128rpx',
                                width: '360rpx',
                                height: '360rpx',
                                borderRadius: '16rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '695rpx',
                                right: '170rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 21:
                    r = [
                        {
                            type: 'rect',
                            css: {
                                width: '1120rpx',
                                height: '720rpx',
                                top: '400rpx',
                                left: '195rpx',
                                borderRadius: '28rpx',
                                color: '#1D3889'
                            }
                        },
                        {
                            type: 'rect',
                            css: {
                                width: '1120rpx',
                                height: '460rpx',
                                top: '1170rpx',
                                left: '195rpx',
                                borderRadius: '28rpx',
                                color: '#DDE6FF'
                            }
                        },
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                width: '460rpx',
                                height: '460rpx',
                                top: '200rpx',
                                left: '270rpx',
                                borderRadius: '6rpx',
                                borderWidth: '18rpx',
                                borderColor: '#fff'
                            }
                        },
                        {
                            type: 'text',
                            text: i.nickname.c,
                            css: {
                                padding: '40rpx 0',
                                lineHeight: '82rpx',
                                width: '670rpx',
                                height: '200rpx',
                                top: '180rpx',
                                fontSize: '72rpx',
                                right: '185rpx',
                                textAlign: 'right',
                                color: '#000',
                                fontWeight: 'bold'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '82rpx',
                                borderRadius: '100rpx',
                                width: '560rpx',
                                top: '280rpx',
                                fontSize: '56rpx',
                                right: '185rpx',
                                textAlign: 'right',
                                color: '#000'
                            }
                        },
                        {
                            type: 'text',
                            text: i.job.t + '：' + i.job.c + '\n' + i.house.t + '：' + i.house.c + '\n',
                            css: {
                                width: '1100rpx',
                                top: '777rpx',
                                fontSize: '56rpx',
                                left: '250rpx',
                                align: 'left',
                                color: '#fff',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text:
                                i.sex.t +
                                '：' +
                                i.sex.c +
                                '\n' +
                                i.edu.t +
                                '：' +
                                i.edu.c +
                                '\n' +
                                i.birthday.t +
                                '：' +
                                i.birthday.c +
                                '\n' +
                                i.heigh.t +
                                '：' +
                                i.heigh.c +
                                '\n' +
                                i.pay.t +
                                '：' +
                                i.pay.c +
                                '\n' +
                                i.areaid.t +
                                '：' +
                                i.areaid.c +
                                '\n',
                            css: {
                                width: '1100rpx',
                                top: '470rpx',
                                left: '855rpx',
                                fontSize: '56rpx',
                                align: 'left',
                                color: '#fff',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: '理想中的TA',
                            css: {
                                width: '1120rpx',
                                top: '1235rpx',
                                left: '195rpx',
                                textAlign: 'center',
                                fontSize: '72rpx',
                                color: '#000',
                                fontWeight: 'bold'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1010rpx',
                                top: '1370rpx',
                                left: '255rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '342rpx',
                                right: '190rpx',
                                width: '270rpx',
                                height: '270rpx',
                                borderRadius: '56rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '1000rpx',
                                left: '230rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 22:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_b_url,
                            css: {
                                width: '1075rpx',
                                height: '915rpx',
                                top: '160rpx',
                                left: '215rpx',
                                borderRadius: '40rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.nickname.c,
                            css: {
                                padding: '40rpx 0',
                                lineHeight: '82rpx',
                                top: '820rpx',
                                fontSize: '80rpx',
                                right: '230rpx',
                                textAlign: 'right',
                                color: '#fff',
                                fontWeight: 'bold',
                                shadow: '2rpx 2rpx 12rpx #888'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx',
                                width: '560rpx',
                                top: '955rpx',
                                fontSize: '56rpx',
                                right: '226rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#6FB7FB'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1100rpx',
                                top: '1279rpx',
                                fontSize: '56rpx',
                                left: '215rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#000',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1100rpx',
                                top: '1766rpx',
                                left: '215rpx',
                                lineHeight: '80rpx',
                                maxLines: 2,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '40rpx',
                                right: '195rpx',
                                width: '325rpx',
                                height: '320rpx',
                                borderRadius: '16rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '905rpx',
                                left: '390rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 24:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_b_url,
                            css: {
                                width: '928rpx',
                                height: '739rpx',
                                top: '190rpx',
                                left: '290rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '0 100rpx 100rpx 0',
                                width: '560rpx',
                                top: '824rpx',
                                fontSize: '56rpx',
                                left: '285rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#ED3154'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1060rpx',
                                top: '1115rpx',
                                fontSize: '56rpx',
                                left: '220rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#000',
                                lineHeight: '90rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '990rpx',
                                top: '1566rpx',
                                left: '255rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '80rpx',
                                left: '170rpx',
                                width: '325rpx',
                                height: '320rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '685rpx',
                                right: '130rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 7:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                width: '450rpx',
                                height: '450rpx',
                                top: '150rpx',
                                left: '530rpx',
                                borderRadius: '330rpx',
                                borderWidth: '18rpx',
                                borderColor: '#F78FB2'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx',
                                width: '560rpx',
                                top: '710rpx',
                                fontSize: '56rpx',
                                left: '470rpx',
                                textAlign: 'center',
                                color: '#000'
                            }
                        },
                        {
                            type: 'text',
                            text: '关于我',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '920rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#F78FB2'
                            }
                        },
                        {
                            type: 'text',
                            text: '至于你',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '1460rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#F78FB2'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1160rpx',
                                top: '1054rpx',
                                fontSize: '56rpx',
                                left: '170rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#000',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1160rpx',
                                top: '1590rpx',
                                left: '170rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '90rpx',
                                left: '568rpx',
                                width: '360rpx',
                                height: '360rpx',
                                borderRadius: '16rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '375rpx',
                                right: '230rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 3:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                width: '500rpx',
                                height: '500rpx',
                                top: '120rpx',
                                left: '495rpx',
                                borderRadius: '330rpx',
                                borderWidth: '25rpx',
                                borderColor: '#F09433'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx',
                                width: '560rpx',
                                top: '720rpx',
                                fontSize: '56rpx',
                                left: '470rpx',
                                textAlign: 'center',
                                color: '#fff'
                            }
                        },
                        {
                            type: 'text',
                            text: '关于我',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '920rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#70216E',
                                background: '#FFEAB3'
                            }
                        },
                        {
                            type: 'text',
                            text: '至于你',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '1460rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#70216E',
                                background: '#FFEAB3'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1300rpx',
                                top: '1054rpx',
                                fontSize: '56rpx',
                                left: '110rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#fff',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1300rpx',
                                top: '1590rpx',
                                left: '110rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#fff'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '90rpx',
                                left: '568rpx',
                                width: '360rpx',
                                height: '360rpx',
                                borderRadius: '16rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '365rpx',
                                right: '160rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 4:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                width: '500rpx',
                                height: '500rpx',
                                top: '120rpx',
                                left: '495rpx',
                                borderRadius: '330rpx',
                                borderWidth: '25rpx',
                                borderColor: '#A10911'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx',
                                width: '560rpx',
                                top: '750rpx',
                                fontSize: '56rpx',
                                left: '470rpx',
                                textAlign: 'center',
                                color: '#fff'
                            }
                        },
                        {
                            type: 'text',
                            text: '关于我',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '920rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#70216E',
                                background: '#FFEAB3'
                            }
                        },
                        {
                            type: 'text',
                            text: '至于你',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '1460rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#70216E',
                                background: '#FFEAB3'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1300rpx',
                                left: '110rpx',
                                top: '1054rpx',
                                fontSize: '56rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#fff',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1300rpx',
                                top: '1590rpx',
                                left: '110rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#fff'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '90rpx',
                                left: '568rpx',
                                width: '360rpx',
                                height: '360rpx',
                                borderRadius: '16rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '365rpx',
                                right: '160rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 8:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                width: '520rpx',
                                height: '520rpx',
                                top: '70rpx',
                                left: '490rpx',
                                borderRadius: '330rpx',
                                borderWidth: '26rpx',
                                borderColor: '#fff'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx',
                                width: '560rpx',
                                top: '670rpx',
                                fontSize: '66rpx',
                                left: '470rpx',
                                textAlign: 'center',
                                color: '#CB3D3C'
                            }
                        },
                        {
                            type: 'text',
                            text: '本人',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '850rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#CB3D3C'
                            }
                        },
                        {
                            type: 'text',
                            text: '希望另一半',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '1360rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#CB3D3C'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1140rpx',
                                left: '180rpx',
                                top: '984rpx',
                                fontSize: '56rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#000',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1140rpx',
                                left: '180rpx',
                                top: '1490rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '170rpx',
                                left: '568rpx',
                                width: '360rpx',
                                height: '360rpx',
                                borderRadius: '16rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '305rpx',
                                right: '230rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 9:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                width: '520rpx',
                                height: '520rpx',
                                top: '70rpx',
                                left: '490rpx',
                                borderRadius: '330rpx',
                                borderWidth: '26rpx',
                                borderColor: '#fff'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                width: '560rpx',
                                top: '670rpx',
                                fontSize: '66rpx',
                                left: '470rpx',
                                textAlign: 'center',
                                color: '#CB3D3C'
                            }
                        },
                        {
                            type: 'text',
                            text: '本人',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '850rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#CB3D3C'
                            }
                        },
                        {
                            type: 'text',
                            text: '希望另一半',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '1360rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#CB3D3C'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1140rpx',
                                top: '984rpx',
                                fontSize: '56rpx',
                                left: '180rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#000',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1140rpx',
                                top: '1490rpx',
                                left: '180rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '210rpx',
                                left: '568rpx',
                                width: '360rpx',
                                height: '360rpx',
                                borderRadius: '216rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '305rpx',
                                right: '230rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 6:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_m_url,
                            css: {
                                width: '520rpx',
                                height: '520rpx',
                                top: '70rpx',
                                left: '490rpx',
                                borderRadius: '330rpx',
                                borderWidth: '26rpx',
                                borderColor: '#fff'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '：' + i.uid.c,
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                width: '560rpx',
                                top: '670rpx',
                                fontSize: '66rpx',
                                left: '470rpx',
                                textAlign: 'center',
                                color: '#F18336'
                            }
                        },
                        {
                            type: 'text',
                            text: '本人',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '850rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#F18336'
                            }
                        },
                        {
                            type: 'text',
                            text: '希望另一半',
                            css: {
                                padding: '20rpx 0',
                                lineHeight: '72rpx',
                                borderRadius: '100rpx 0 100rpx 0',
                                width: '360rpx',
                                top: '1360rpx',
                                fontSize: '56rpx',
                                left: '570rpx',
                                textAlign: 'center',
                                color: '#fff',
                                background: '#F18336'
                            }
                        },
                        {
                            type: 'text',
                            text: o,
                            css: {
                                width: '1140rpx',
                                top: '984rpx',
                                fontSize: '56rpx',
                                left: '180rpx',
                                maxLines: 3,
                                align: 'left',
                                color: '#F18336',
                                lineHeight: '100rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '1140rpx',
                                top: '1490rpx',
                                left: '180rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '56rpx',
                                color: '#F18336'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '210rpx',
                                left: '568rpx',
                                width: '360rpx',
                                height: '360rpx',
                                borderRadius: '216rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '305rpx',
                                left: '230rpx',
                                width: '355rpx',
                                height: '350rpx'
                            }
                        }
                    ];
                    break;
                case 12:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_b_url,
                            css: {
                                width: '1180rpx',
                                height: '970rpx',
                                top: '170rpx',
                                left: '160rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: p,
                            css: {
                                width: '1500rpx',
                                height: '2400rpx',
                                top: '0',
                                left: '0'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '\n' + i.uid.c,
                            css: {
                                width: '560rpx',
                                top: '1200rpx',
                                lineHeight: '90rpx',
                                fontSize: '66rpx',
                                left: '158rpx',
                                textAlign: 'left',
                                color: '#49A2E2'
                            }
                        },
                        {
                            type: 'text',
                            text: i.birthday.t + '\n' + i.love.t + '\n' + i.edu.t + '\n' + i.pay.t,
                            css: {
                                width: '1100rpx',
                                top: '1450rpx',
                                fontSize: '60rpx',
                                left: '170rpx',
                                align: 'left',
                                color: '#999',
                                lineHeight: '130rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.birthday.c + '\n' + i.love.c + '\n' + i.edu.c + '\n' + i.pay.c,
                            css: {
                                width: '1100rpx',
                                top: '1450rpx',
                                fontSize: '60rpx',
                                left: '330rpx',
                                align: 'left',
                                color: '#000',
                                lineHeight: '130rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.areaid.t + '\n' + i.heigh.t + '\n' + i.star.t + '\n' + i.job.t,
                            css: {
                                width: '1100rpx',
                                top: '1450rpx',
                                fontSize: '60rpx',
                                left: '700rpx',
                                align: 'left',
                                color: '#999',
                                lineHeight: '130rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.areaid.c + '\n' + i.heigh.c + '\n' + i.star.c + '\n' + i.job.c,
                            css: {
                                width: '1100rpx',
                                top: '1450rpx',
                                fontSize: '60rpx',
                                left: '850rpx',
                                align: 'left',
                                color: '#000',
                                lineHeight: '130rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '666rpx',
                                top: '2036rpx',
                                left: '385rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '46rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '75rpx',
                                right: '80rpx',
                                width: '325rpx',
                                height: '320rpx',
                                borderRadius: '16rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '1030rpx',
                                right: '590rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 13:
                    r = [
                        {
                            type: 'image',
                            url: i.photo_b_url,
                            css: {
                                width: '1180rpx',
                                height: '970rpx',
                                top: '170rpx',
                                left: '160rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: p,
                            css: {
                                width: '1500rpx',
                                height: '2400rpx',
                                top: '0',
                                left: '0'
                            }
                        },
                        {
                            type: 'text',
                            text: i.uid.t + '\n' + i.uid.c,
                            css: {
                                width: '560rpx',
                                top: '1200rpx',
                                lineHeight: '90rpx',
                                fontSize: '66rpx',
                                left: '158rpx',
                                textAlign: 'left',
                                color: '#D36466'
                            }
                        },
                        {
                            type: 'text',
                            text: i.birthday.t + '\n' + i.love.t + '\n' + i.edu.t + '\n' + i.pay.t,
                            css: {
                                width: '1100rpx',
                                top: '1450rpx',
                                fontSize: '60rpx',
                                left: '170rpx',
                                align: 'left',
                                color: '#999',
                                lineHeight: '130rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.birthday.c + '\n' + i.love.c + '\n' + i.edu.c + '\n' + i.pay.c,
                            css: {
                                width: '1100rpx',
                                top: '1450rpx',
                                fontSize: '60rpx',
                                left: '330rpx',
                                align: 'left',
                                color: '#000',
                                lineHeight: '130rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.areaid.t + '\n' + i.heigh.t + '\n' + i.star.t + '\n' + i.job.t,
                            css: {
                                width: '1100rpx',
                                top: '1450rpx',
                                fontSize: '60rpx',
                                left: '700rpx',
                                align: 'left',
                                color: '#999',
                                lineHeight: '130rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.areaid.c + '\n' + i.heigh.c + '\n' + i.star.c + '\n' + i.job.c,
                            css: {
                                width: '1100rpx',
                                top: '1450rpx',
                                fontSize: '60rpx',
                                left: '850rpx',
                                align: 'left',
                                color: '#000',
                                lineHeight: '130rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: i.mate,
                            css: {
                                width: '666rpx',
                                top: '2036rpx',
                                left: '385rpx',
                                lineHeight: '80rpx',
                                maxLines: 3,
                                align: 'left',
                                fontSize: '46rpx',
                                color: '#000'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '75rpx',
                                right: '80rpx',
                                width: '325rpx',
                                height: '320rpx',
                                borderRadius: '16rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '1030rpx',
                                right: '590rpx',
                                width: '300rpx',
                                height: '300rpx'
                            }
                        }
                    ];
                    break;
                case 11:
                    r = [
                        {
                            type: 'text',
                            text: this.card11.c,
                            css: {
                                width: '560rpx',
                                top: '150rpx',
                                lineHeight: '110rpx',
                                fontSize: '66rpx',
                                left: '158rpx',
                                textAlign: 'left',
                                color: '#000'
                            }
                        },
                        {
                            type: 'text',
                            text: this.card11.birthpet,
                            css: {
                                width: '160rpx',
                                top: '330rpx',
                                lineHeight: '190rpx',
                                fontSize: '126rpx',
                                right: '182rpx',
                                textAlign: 'right',
                                color: '#000'
                            }
                        },
                        {
                            type: 'text',
                            text: this.card11.aboutus,
                            css: {
                                width: '950rpx',
                                top: '1270rpx',
                                fontSize: '60rpx',
                                left: '150rpx',
                                align: 'left',
                                color: '#000',
                                lineHeight: '90rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: x,
                            css: {
                                bottom: '105rpx',
                                left: '140rpx',
                                width: '355rpx',
                                height: '350rpx',
                                borderRadius: '6rpx'
                            }
                        },
                        {
                            type: 'image',
                            url: i.rzimg,
                            css: {
                                top: '455rpx',
                                left: '670rpx',
                                width: '355rpx',
                                height: '350rpx'
                            }
                        }
                    ];
            }
            var n = {
                width: '1500rpx',
                height: '2400rpx',
                background: p,
                views: r
            };
            this.setData({
                isCanDraw: true,
                content: n
            });
        },

        qrcode_imageFun: function () {
            var that = this;
            t = uni.getStorageSync('COOK_U');
            app.globalData.ajax({
                url: 'get_openid.php',
                data: {
                    submitok: 'ewm_tg_xqk',
                    openid: t.openid,
                    uid: that.uid,
                    tguid: that.cook_tg_id
                },
                success: function (t) {
                    1 == t.flag
                        ? uni.getImageInfo({
                              src: t.url,
                              success: function (t) {
                                  that.setData({
                                      qrcode_image: t.path
                                  });
                              }
                          })
                        : uni.showToast({
                              title: t.msg,
                              icon: 'none',
                              mask: true
                          });
                }
            });
        }
    }
};
</script>
<style>
@import 'xqk_cardlist.css';
</style>
